import React, { Component } from 'react'
import { withRouter } from 'react-router-dom'
// withRouter 高阶组件 ==>  给当前组件添加路由信息

class Homes extends Component {
    // push = () => {
    //     this.props.history.push('/home')
    // }
    push(a, b, ev){
        console.log(ev)
        // this.props.history.push('/home')
    }
    render() {
        console.log(this.props)
        return (
            <div>
                <h3>
                    我是Homes组件111111111
                </h3>
                {/* onClick 合成事件 */}
                {/* 1. 不传递参数  <button onClick={ this.push }>点我跳转</button>  */}
                {/* 2. 通过bind绑定this以后，也可以传递参数了 */}
                {/* <button onClick={ this.push.bind(this, 111, 222) }>点我跳转</button> */}
                {/* 3. 如果说事件外面包裹了箭头函数 真正执行的函数（箭头函数或者是普通函数）this都指向当前的类 */}
                <button onClick={ (ev) => {
                    this.push(222, 333, ev)
                } }>点我跳转</button>
            </div>
        )
    }
}

export default withRouter(Homes)
